<template>
  <div class="h-full flex" >
    <Card v-for="item in list" :msg="item.title" :list="item.todos" />
    <svg-item name="icon-add" :size="64" class="absolute right-0 bottom-10"></svg-item>
  </div>
</template>

<script lang="ts">
import SvgItem from "./SvgItem.vue";
import { defineComponent, ref } from "vue";
import Card from "./Card.vue";
export default defineComponent({
  name: "Todo",
  components: {
    Card,SvgItem
  },
  setup() {
    let list = ref([
      {
        title: "未开始",
        todos: [
          { id: "1", name: "hello world", checked: false, isShow: false }
        ],
      },
      {
        title: "进行中",
        todos: [
        ],
      },
      {
        title: "已完成",
        todos: [
        ],
      },
    ]);
    return { list };
  },
});
</script>

<style scoped></style>
